<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
        <style type="text/css">
            /*tbody { display:none; }*/
            thead { cursor:pointer; }
            .tbl_ttl_btn { float:right; }
            input.column_name {  }
            .remove_col { float:right; }
            .editor_table { display:none; }
            #save { float: right; }
            .span2, .span10 { padding:10px; } 
            #holdwindow { opacity: 0.6; background: #000; position:fixed; top:0; left:0; width:100%; height:100%; color: white; text-align:center; font-size:32px; padding-top:10px; display:none; z-index: 999999; }
            input.maxmin { width:20px; }

            .red_border { color: red; font-weight: bold }
            #backuptablediv {
                background-color: white;
                padding: 10px;
                border-radius: 0px 0px 10px 10px;
                position: fixed;
                top: 40px;
                overflow:auto;
                max-height: 400px;
            }
            .top_bar { padding: 0px 10px !important; }
            .make_btn_control_smaller { margin-bottom: 0px !important; }
            ul { list-style: none; }
            table#login { width: 300px; margin:0 auto; }
            h3 { text-align: center; }
        </style>
        <title>{{ tool_name }}</title>
    </head>
    <body>

<form action='/auth' method='post' class='table'>
    <h3>{{ tool_name }}</h3>
    <table class='table' id='login'>
        <tr>
            <td>Username</td>
            <td><input type='text' name='username'></td>
        </tr>
        <tr>
            <td>Password</td>
            <td><input type='password' name='password'></td>
        </tr>
        <tr>
            <td>Client ID</td>
            <td><input type='text' name='clientid' value='{{ clientid }}'><br>
            Avaliable values:
            {% for i in arr_ids %}<br>{{i.text}}{% endfor %}</td>
        </tr>
        <tr>
            <td></td>
            <td><input type='submit' value='Login'></td>
        </tr>
    </table>

</form>

    </body>
</html>


